// 导入必要的依赖
import React, { useState } from 'react';
import { Routes, Route } from 'react-router-dom';
import { UserProvider } from '@contexts/UserContext';
import { ChatProvider } from '@contexts/ChatContext';
import Layout from '@components/Layout';
import ChatArea from '@components/ChatArea';
// 其他页面可按需引入
// import Profile from '@components/Profile';
// import FinancialChat from '@components/FinancialChat';
// import DataQueryChat from '@components/DataQueryChat';
import './styles/global.scss';

/**
 * App 组件
 * 作为应用程序的根组件，负责：
 * 1. 提供全局状态管理（ChatContext 和 UserContext）
 * 2. 渲染主要的聊天界面（ChatArea）
 * 3. 管理对话标题状态
 */
function App() {
    // 对话标题状态
    const [title, setTitle] = useState('AI 助手对话');

    return (
        <UserProvider>
            <ChatProvider>
                <Routes>
                    <Route
                        path="/"
                        element={<Layout title={title} onTitleChange={setTitle} />}
                    >
                        <Route
                            index
                            element={
                                <ChatArea
                                    conversationTitle={title}
                                    setConversationTitle={setTitle}
                                />
                            }
                        />
                        {/* 其他页面路由，按需解开注释 */}
                        {/* <Route path="profile" element={<Profile />} /> */}
                        {/* <Route path="financial" element={<FinancialChat />} /> */}
                        {/* <Route path="data-query" element={<DataQueryChat />} /> */}
                    </Route>
                </Routes>
            </ChatProvider>
        </UserProvider>
    );
}

export default App; 